<!DOCTYPE html>
<html>
<head>
<title></title>
#parse("sys/header.html")
<style type="text/css">
.div-a{ float:left;width:14%;height:auto;} 
.div-b{ float:left;width:84%;height:auto;} 
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
li:hover {color: #A2007C}	/* 鼠标移动到链接上 */
li:active {color: #0000FF}	/* 选定的链接 */ 
</style>
</head>
<body>
<div id="rrapp" v-cloak>
	<div v-show="showList" id="form1">
<div class="div-a">

 
<ul class="list-group" id="crossborderalarm">
  <li class="list-group-item">越界策略列表</li>
  <li class="list-group-item">Dapibus ac facilisis in</li>
  <li class="list-group-item">Morbi leo risus</li>
  <li class="list-group-item">Porta ac consectetur ac</li>
  <li class="list-group-item">Vestibulum at eros</li>
</ul>
</div> 
<div class="div-b">
		<div class="grid-btn">
			#if($shiro.hasPermission("crossborderalarmdetal:save"))
			<a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
			#end
			#if($shiro.hasPermission("crossborderalarmdetal:update"))
			<a class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
			#end
			#if($shiro.hasPermission("crossborderalarmdetal:delete"))
			<a class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
			
			#end
			<a class="btn btn-primary" @click="addBatch"><i class="fa fa-plus"></i>&nbsp;批量添加</a>
			
		</div>

 <table id="jqGrid"></table>
	    <div id="jqGridPager"></div></div>

	    
    </div>
    
    <div v-show="!showList" class="panel panel-default" id="form2">
		<div class="panel-heading">{{title}}</div>
		<form class="form-horizontal">
											<div class="form-group">
			   	<div class="col-sm-2 control-label">越界策略</div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control" v-model="crossborderalarmdetal.idCrossborderalarm" placeholder=""/>
			    </div>
			</div>
									<div class="form-group">
			   	<div class="col-sm-2 control-label">基站id</div>
			   	<div class="col-sm-10">
			   	<select  v-model="crossborderalarmdetal.Id"  class="form-control">
	  <option v-for="entity in station" v-bind:value="entity.Id">{{entity.id}}</option>
        </select>
			     <!--  <input type="text" class="form-control" v-model="crossborderalarmdetal.idStation" placeholder=""/> -->
			    </div>
			</div>
									<div class="form-group">
			   	<div class="col-sm-2 control-label">时延</div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control" v-model="crossborderalarmdetal.delay" placeholder="以秒为单位"/>
			    </div>
			</div>
							<div class="form-group">
				<div class="col-sm-2 control-label"></div> 
				<input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
				&nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
			</div>
		</form>
	</div>
	<div id="form3" style="display:none;">
		 <select id="area" class="form-control col-sm-2" onchange="show_sub_station(this.options[this.options.selectedIndex].value)">
	
         
        </select>
         <input type="text" class="form-control col-sm-2" id="delay" placeholder="时延（秒）"/>
	<div class="grid-btn">
			<a class="btn btn-primary" onclick="setDelay()">&nbsp;设置时延</a>
			<a class="btn btn-primary" onclick="checkAll('station_checkbox')">&nbsp;全选</a>
			
			
			<a class="btn btn-primary" onclick="checkNotAll('station_checkbox')">&nbsp;全反选</a>
			
		
			<a class="btn btn-primary" onclick="addSome()">&nbsp;添加</a>
			
		</div>

<div class="row" id="station">
 
</div><!-- /.row -->
<div class="row">
	<input type="button" class="btn btn-warning center-block" @click="javascript:history.go(0);" value="返回"/></div>
	</div>
</div>

<script src="${rc.contextPath}/js/dingwei/crossborderalarmdetal.js?_${date.systemTime}"></script>
</body>
</html>